// pages/home/index.js
Page({
  /**
   * 页面的初始数据
   */
  data: {
    titleList:[],//导航栏
    list:[],//国内的数据
    InternationalList:[],//国际数据列表
    SportsList:[],//体育数据列表
    TechnologyList:[],//科技数据列表
    FashionList:[],//时尚数据列表
    GameList:[],//游戏数据列表
    tabsId: 0, //实现tabs切换
    page:1,//页数
    num:8,//每页条数
  },

//tabs切换方法
tabsOn(e) {
    console.log('下标',e.currentTarget.dataset.index);
    this.setData({
        //拿到当前索引并动态改变
        tabsId: e.currentTarget.dataset.index
    })
},

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad() {
    //tabs切换数据
    wx.request({ //调用微信小程序的网络请求Api
        url: 'https://tea.qingnian8.com/api/qingnews/category', //地址
        data: {}, //请求参数
        method:'GET', //请求方法
        header: {
           'access-key':"272574" // 默认值
        },
        success:(res)=>{ //请求成功的回调函数
             console.log(res.data)
            this.setData({ //更新页面的数据
                titleList:res.data.data,
            })
        }
      }),
    this.domestic(),
    this.International(),
    this.Sports(),
    this.Technology(),
    this.Fashion(),
    this.Game()
  },
 //国内列表内容数据
  domestic(){
    wx.request({
        url: 'https://tea.qingnian8.com/api/qingnews/newslist', //地址
        data: {
            cid:50,
            page:this.data.page,
            num:this.data.num
        },
        method:'GET',
        header: {
           'access-key':"272574" // 默认值
        },
        success:(res)=>{
            const newData = res.data.data || []; 
            this.setData({
                list:[...this.data.list,...newData]
            })
            console.log('你好',res.data.data);
        }
      })
  },
  //国际列表内容数据
  International(){
    wx.request({
        url: 'https://tea.qingnian8.com/api/qingnews/newslist', //地址
        data: {
            cid:51
        },
        method:'GET',
        header: {
           'access-key':"879172" // 默认值
        },
        success:(res)=>{
             //console.log(res.data)
            this.setData({
                InternationalList:res.data.data
            })
        }
      })
  },
  //体育列表内容数据
  Sports(){
    wx.request({
        url: 'https://tea.qingnian8.com/api/qingnews/newslist', //地址
        data: {
            cid:52
        },
        method:'GET',
        header: {
           'access-key':"879172" // 默认值
        },
        success:(res)=>{
             //console.log(res.data)
            this.setData({
                SportsList:res.data.data
            })
        }
      })
  },
  //科技列表内容数据
  Technology(){
    wx.request({
        url: 'https://tea.qingnian8.com/api/qingnews/newslist', //地址
        data: {
            cid:53
        },
        method:'GET',
        header: {
           'access-key':"879172" // 默认值
        },
        success:(res)=>{
             //console.log(res.data)
            this.setData({
                TechnologyList:res.data.data
            })
        }
      })
  },
  //时尚列表内容数据
  Fashion(){
    wx.request({
        url: 'https://tea.qingnian8.com/api/qingnews/newslist', //地址
        data: {
            cid:54
        },
        method:'GET',
        header: {
           'access-key':"879172" // 默认值
        },
        success:(res)=>{
             //console.log(res.data)
            this.setData({
                FashionList:res.data.data
            })
        }
      })
  },
  //游戏列表内容数据
  Game(){
    wx.request({
        url: 'https://tea.qingnian8.com/api/qingnews/newslist', //地址
        data: {
            cid:55
        },
        method:'GET',
        header: {
           'access-key':"879172" // 默认值
        },
        success:(res)=>{
             //console.log(res.data)
            this.setData({
                GameList:res.data.data
            })
        }
      })
  },

  //跳转到详情页 
  goToDetail(e) {
      //获取id
    const {id} = e.currentTarget.dataset;
    console.log('数据id',id);
    wx.navigateTo({
      url: `/pages/detail/index?id=${id}`
    });
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {
    // 1. 下拉时显示loading动画（默认会显示，这里可省略）
    wx.showNavigationBarLoading();

    // 2. 重新请求所有数据（复用已有的请求方法）
    // 先清空原有数据（可选，看需求）
    this.setData({
    list: [],
    InternationalList: [],
    SportsList: [],
    TechnologyList: [],
    FashionList: [],
    GameList: []
    });

    // 3. 重新调用所有数据请求方法，并在全部完成后关闭刷新
    // 使用Promise.all确保所有请求完成后再停止刷新
    Promise.all([
        this.domestic(),
        this.International(),
        this.Sports(),
        this.Technology(),
        this.Fashion(),
        this.Game()
    ]).then(() => {
    // 4. 所有数据请求完成后，关闭刷新动画
    wx.stopPullDownRefresh();
    wx.hideNavigationBarLoading();
    wx.showToast({
      title: '刷新成功',
      icon: 'success',
      duration: 1000
    });
    }).catch(() => {
    // 若请求失败，也需要关闭刷新动画
        wx.stopPullDownRefresh();
        wx.hideNavigationBarLoading();
        wx.showToast({
      title: '刷新失败',
      icon: 'none',
      duration: 1000
        });
    });
  },

 

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {
    this.setData({
        page:this.data.page+1
    })
  this.domestic()
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})